<template>
  <div>
    <!-- v-model 修饰符:
        .number:在同步给变量时使用parseFloat转成number类型
        .trim:去除首尾空白字符
        .lazy:不是立即同步内容给变量,而是失去焦点时同步,相当于从input事件变成change
     -->
    <span>年龄</span>
    <!-- number  以parseFloat转成为数字类型 -->
    <input type="text" v-model.number="age" />
    <span>人生格言:</span>
    <!-- trim   去除首尾空白字符 -->
    <input type="text" v-model.trim="motto" />
    <span>自我介绍:</span>
    <!-- lazy   在change时触发而非input -->
    <textarea v-model.lazy="intro"></textarea>
  </div>
</template>

<script>
export default {
  name: "VuecliHomeworkApp",

  data() {
    return {
      age: "",
      motto:"",
      intro:""
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style>
</style>
